iT邦幫忙

2025 iThome 鐵人賽

DAY 5
0

利用 Typst 超快的 preview 功能,可以進行簡易互動。

範例:走迷宮

例如,我們可以將其中一段文字設計成迷宮:

11111111111111
10010000001001
11010110100011
11000110111011
10010010001001
1B111111100011
11111111111111

這段就可以利用表格排版成迷宮的樣子:

https://ithelp.ithome.com.tw/upload/images/20250819/20112376VJm9vLAPa2.png

繪製出來的陽春迷宮長這樣:

https://ithelp.ithome.com.tw/upload/images/20250819/20112376X40NEYKPC4.png

現在我們可以讓它「動」起來。首先輸入另外一段文字,由 L, R, U, D 這四種方向構成。
接著就可以直接 parse 這個字串,並且利用腳本讓這顆球按照指定的指令移動。當然,若指令會造成小球撞牆,那麼該指令就會被跳過。

最終就可以利用即時顯示模式「玩」這個走迷宮的遊戲啦。

Yes

完整的程式碼大概像這樣:

https://ithelp.ithome.com.tw/upload/images/20250819/201123764hgozGNjJT.png

附帶一提

在 Typst-Universe 上面有別人寫好的俄羅斯方塊套件可以使用,有興趣的朋友可以玩看看。


上一篇
Day 4: 遞迴函式
下一篇
Day 6: Typst Context 存取排版當下的環境設定
系列文
Typst 與 CeTZ:對演算法與程式設計超友好的排版製圖工具19
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言